---
type: tutorial
unitTitle: 'Willkommen, Welt!'
title: Erstelle deinen ersten Astro-Blog
sidebar:
  label: 'Tutorial: Erstelle einen Blog'
description: >-
  Lerne die Grundlagen von Astro mit einem projektbasierten Tutorial – inklusive allem Hintergrundwissen, das du zum Start brauchst!
i18nReady: true
head:
  - tag: title
    content: Blog-Tutorial erstellen | Docs
---

import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import Lede from '~/components/tutorial/Lede.astro';

<Lede> In diesem Tutorial lernst du die wichtigsten Funktionen von Astro, indem du einen vollständig funktionierenden Blog von Grund auf erstellst – bis zum Launch! 🚀 </Lede>

Dabei wirst du:

- Deine Entwicklungsumgebung einrichten 
- Seiten und Blogbeiträge für deine Website erstellen
- Mit Astro-Komponenten bauen
- Lokale Dateien abfragen und verwenden
- Interaktivität zu deiner Website hinzufügen
- Deine Website im Web veröffentlichen

Willst du jetzt schon sehen, was du erstellen wirst? Du kannst das fertige Projekt auf [GitHub](https://github.com/withastro/blog-tutorial-demo) oder eine funktionierende Version in einer Online-Coding-Umgebung wie [IDX](https://idx.google.com/import?url=https:%2F%2Fgithub.com%2Fwithastro%2Fblog-tutorial-demo%2F) oder [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src%2Fpages%2Findex.astro) ansehen.

:::note
Wenn du lieber mit einer vorgefertigten Astro-Seite starten möchtest, kannst du https://astro.new besuchen und eine Starter-Vorlage auswählen, die du online bearbeiten kannst.
::: 


<Box icon="check-list">
## Checkliste

<Checklist>
- [ ] Sieht super aus! Ich bin bereit, loszulegen!
</Checklist>
</Box>
